/* eslint-disable array-callback-return */
import React, { useState } from 'react';
import { Button  } from 'antd';
import './indexStyle.css';

const Index = (props)=>{

  const [nextPlayer,setNextPlayer] = useState('Red');
  const [choose,setChoose] = useState([99,99]);
  const [chessType,setChessType] = useState(null);
    
    return (
      <div className='gameParent'>
        <Button type="primary">Primary Button</Button>
            <Button>Default Button</Button>
            <Button type="dashed">Dashed Button</Button>
            <br />
            <Button type="text">Text Button</Button>
            <Button type="link">Link Button</Button>
      </div>
    )
}

export default Index;